// JavaScript Document
var _firstGoodsTypeId = null;
$(function(){
	
	
	var nav=$("<div class='nav'><div class='arrow'></div><div id='goodsTypeLarge' class='bigNav'>"
			   +"<h2 onclick='chooseGoodsTypeAll()'>查看所有</h2><ul class='navlist'></ul></div>" +
			   	"<div class='smallNav'>"
			   +"<h3>商品分类</h3>" +
			   	"<ul class='smList' id ='goodsTypeSmall'>"
			   +"</ul>" +
			  "</div></div>");
	$("body").prepend(nav);	
		$(".bigNav,.smallNav").height($(document).height()-34);	
		
		$.ajax({
			url:'../goodsTypeLrg/find/all',
			type:'get',
			success:function(data){
			var dt = JSON.parse(data);
				if(dt.state==0){
					for ( var i = 0; i < dt.result.data.length; i++) {
						if(i==0){
							_firstGoodsTypeId = getHtmlString(getHeadIndexValue(i, dt, "id"));
						}
						var htm="<li  onclick='chooseGoodsSmallType("+ getHtmlString(getHeadIndexValue(i, dt, "id")) +",this)'><a href='javascript:void(0)'>"+ getHtmlString(getHeadIndexValue(i, dt, "name")) +"</a><span class='smbg'></span></li>"
						$("#goodsTypeLarge ul").append(htm);
					}
			
				}
			}
		})
		
		
	$(".menuBtn").click(function(){
		if($(".nav").is(":visible")){
			$(".nav").hide();
			$(".smallNav").hide();
		}else{
			$(".nav").show();
			$(".smallNav").show();
			$(".navlist li:first").addClass("focus").siblings().removeClass("focus");
			chooseGoodsSmallType(_firstGoodsTypeId,null);
		}
	});	//右侧悬浮菜单

});
	
 function  chooseGoodsSmallType(id,obj){
	if(IsNotEmpty(obj)){
		
	$(obj).addClass("focus").siblings().removeClass("focus");
	}
	$.ajax({
		url:'../goodsTypeMed/find/lId/'+id+'/0/100',
		type:'get',
		success:function(data){
		var dt = JSON.parse(data);
			if(dt.state==0){
				$("#goodsTypeSmall").empty();
				for ( var i = 0; i < dt.result.data.length; i++) {
					var htm="<li  onclick='chooseGoodsTypeID("+ getHtmlString(getHeadIndexValue(i, dt, "id")) +")'><a href='javascript:void(0)'>"+ getHtmlString(getHeadIndexValue(i, dt, "name")) +"</a><span class='smbg'></span></li>";
					$("#goodsTypeSmall").append(htm);
				}
		
			}
		}
	});
}

function closeGoodsTypeChooseDiv(){
	$(".nav").hide();
	$(".smallNav").hide();
}

        
        	
        
        
            
        	
         
        
            
        	
         
    


